<template>
  <div>
    <img
      src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fwww.cnad.com%2FUpload%2Fimage%2F2015%2F0619%2F20150619134057421242.jpg&refer=http%3A%2F%2Fwww.cnad.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1628562158&t=23af7eeec6c7b419dfaada77b8ed1f76"
    />
    <h1>
      页面找不到了,
      <span @click="back">点我返回首页</span>
    </h1>
  </div>
</template>

<script>
export default {
  methods: {
    back() {
      this.$router.push("/home/home-content");
      console.log(111);
    },
  },
};
</script>

<style lang="less" scoped>
div{
    width: 100%;
    position: relative;
    img{
        width: 100%;
        height: 100%;
    }
    h1{
        position:absolute;
        bottom: 100px;
        left: 50%;
        transform: translateX(-50%);
        color: white;
        span{
            cursor: pointer;
        }
    }
}
</style>